#HTML5 Boilerplate

使用CSS修改HTML5 input placeholder颜色

HTML<inputtype="text"placeholder="Value"/>有三种实现方式:伪元素(pseudo-elements)、伪类(pseudo-classes)和Notihing。WebKit和Blink(Safari,GoogleChrome,Opera15+)使用伪元素::-webki...

HTMl5/CSS3/Javascript 学习推荐资源

前端的定义应该是数据内容的展示,在国内大家都觉得前端只是HTML+CSS+Javascript,但是实际上与展示有关的都是前端,所以Ruby/Python/Nodejs/Java/ASP.NET只要和展示有关的部分都可以称之为前端。在这里由于篇幅的限制,我们只推荐与HTML+CSS+Javascript三者有关的前端技...

2.html5的基本格式

  分享完html语言的核心之后,是时候开始写了。理论上,只要符合格式要求,就算是用记事本也可以写。但是,这种蛋疼且生产力低下的行为还是少做的好,选一个适合自己的IDE才是上上之选,至于哪个合适自己,那就要自己去试试看了,我这里使用的是HBuilder。  使用IDE新建的html文档会自动把基本格式补全,但是本着学习...
代码星球 ·2020-04-18

JavaScript+HTML5 实现打地鼠小游戏

一.游戏简介打地鼠这个游戏相信大家都不陌生,也是童年时候一款经典的游戏。本次游戏的编写是以html文件形式完成的,并且使用HBulider软件进行编写,使用谷歌浏览器展示效果,游戏将会采用JavaScript实现整体的逻辑流程,最终使用谷歌浏览器来实现游戏的展示和操作。本次游戏需要有一定的HTML5+JavaScrip...

HTML5实现涂鸦板

最近闲的,看了看html5,强大的绘图功能让我惊奇,于是,写了个小玩意---涂鸦板,能实现功能有:画画,改色,调整画笔大小html5的绘图可以分为点,线,面,圆,图片等,点和线,这可是所有平面效果的基点,有了这两个东西,没有画不出来的东西,只有想不到的算法。先上代码了:html1<bodystyle="curso...
代码星球 ·2020-04-18

HTML5移动端自适应解决方案

自接触移动端H5页面以来,从未停止对H5页面适配不同屏幕的解决方案的探索。从最初的bootstrap响应式框架来做手机适配;后来尝试用百分比去做H5的适配;接着又去尝试媒体查询,但移动端的屏幕大小个各异,各种尺寸的机型都有,难以做到不同手机适配,后来看到京东,网易,手淘等使用rem做手机适配,使用rem前端开发者可以很...

html5调整音频音高

varaudioSrc='https://s3-us-west-2.amazonaws.com/s.cdpn.io/1715/the_xx_-_intro.mp3';functionbufferSound(ctx,url){varp=newPromise(function(resolve,reject){varreq=...
代码星球 ·2020-04-17

HTML5从入门到精通(千锋教育)免费电子版+PDF下载

本书是HTML5初学者极好的入门教材之一,内容通俗易懂、由浅入深、循序渐进。本书内容覆盖全面、讲解详细,其中包括标签语义化、标签使用规范、选择器类型、盒模型、标签分类、样式重置、CSS优化、Photoshop切图处理、整页制作、CSS3新样式、HTML5新功能等。本书具有四大特色:一是案例简洁形象,以简单案例来剖析晦涩...

HTML5获取当前的经纬度坐标

使用IE10可以查看出结果;chrome和ff都没有正确显示;<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>jingweidu</title><script>...

Html5工具

 HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas2D的支持。用HTML5的优点主要在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台,甚至可以通过封装的技术发放到AppStore或G...
代码星球 ·2020-04-15

HTML5实现首页动态视频背景

话不多说,先看效果图:​​​炫酷吗?你想实现这种动态视频作为背景的首页吗?来,一起来学习,本文将带你一起实现H5动态视频背景; 首先网上找一段清晰的视频下载下来,最好是MP4格式的;下载好了之后我们新建一个html文件来写代码: html代码:<videoid="v1"autoplayloop...

HTML5本地存储——IndexedDB(一:基本使用)

在HTML5本地存储——WebSQLDatabase提到过WebSQLDatabase实际上已经被废弃,而HTML5的支持的本地存储实际上变成了WebStorage(LocalStorage和SessionStorage)与IndexedDB。WebStorage使用简单字符串键值对在本地存储数...

html5中常见选择器

选择器决定了样式规则适用于哪些元素。html5有以下常见的选择器: 元素选择器* 格式:标记名{/*声明块*/}* 所有与该标记名匹配的元素,都将应用声明块中的规则 2. 类选择器* 格式:**.**类名{/*声明块*/}* 所有class属性为指定...
代码星球 ·2020-04-14

前端HTML5几种存储方式

h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。HTML5提供了两种在客户端存储数据的新方法:localStorage-没有时间限制的数据存储sessionSt...

JS开发HTML5游戏《神奇的六边形》(一)

 近期出现一款魔性的消除类HTML5游戏《神奇的六边形》,今天我们一起来看看如何通过开源免费的青瓷引擎(www.zuoyouxi.com)来实现这款游戏。 (点击图片可进入游戏体验)因内容太多,为方便大家阅读,所以分成四部分来讲解。本文为第一部分,主要包括:1.功能分析2.创建工程与场景3.玩家分数...
首页上一页...1819202122...下一页尾页